﻿@model KPIS.GERP.Models.ICM.Dispose
@using KPIS.GERP.Models.ICM
@{
    ViewBag.Title = "แก้ไขรายการ";

    var service = new KPIS.GERP.WEB.GIMS.DisposeService.DisposeServiceClient();
    var JobsiteSelectList = service.SelectListJobsite();
    var WarehouseSelectList = service.SelectListWarehouse();
    var ParcelTypeSelectList = service.SelectListResourceType();
    var DisposeTypeSelectList = service.SelectListDisposeType(KPIS.GERP.Models.ICM.IcmMasLookUpType.LookUpType.DisposeType);

    // ตรวจสอบสถานที่ต้นทางว่ามาจากคลัง หรือมาจากหน่วยงาน หรือมาจากสถานที่อื่น
    bool checkFromWh = false;
    bool checkFromJobsite = false;
    bool checkFromPlace = false;
    
    if (Model.FromIcmWhId != null)
    {
        checkFromWh = true;
    }
    else if (Model.FromJobsiteId != null)
    {
        checkFromJobsite = true;
    }
    else if (Model.FromOtherPlace != null)
    {
        checkFromPlace = true;
    }
    
    
    // ตรวจสอบสถานที่ปลายทางว่าไปหน่วยงานอื่น หรือไปสถานที่อื่น
    bool checkToOtherJobsite = false;
    bool checkToOtherPlace = false;
    
    if(Model.ToOtherSite != null)
    {
        checkToOtherJobsite = true;
    }
    else if (Model.ToOtherPlace != null)
    {
        checkToOtherPlace = true;
    }
                          
}

@using (Html.BeginForm("Edit", "Dispose", FormMethod.Post, new { id = "form", @class = "form-horizontal" }))
{
   @Html.AntiForgeryToken()

    <div class="span12 block-button-menu-above">
        @Html.ButtonViewAll()
        @Html.ButtonSubmit()
    </div>

    @Html.ValidationSummary(true, KPIS.GERP.Models.Class.ValidateText.RequiredField, new { @class = "alert alert-error" })

<div class="widget-box span11">
	<div class="widget-header header-color-blue2">
        <h4 class="lighter smaller">รายละเอียดการจำหน่าย</h4>
    </div>
	<div class="widget-body">
		<div class="widget-body-inner">
			<div class="widget-main">

                <div class="form-horizontal">

				<div class="control-group">
					<div class="control-label">
					    วันที่ทำรายการ : 
					</div>
					<div class="controls">                          
                        @Html.EditorFor(model => model.DisposeDate)               
					</div>                              
				</div>

                <div class="control-group">
					<div class="control-label ">
					    เรื่อง : 
					</div>
					<div class="controls"> 
                        @Html.EditorFor(model => model.DisposeDesc)
					</div>                              
				</div>

                <div class="control-group">
					<div class="control-label ">
					    ประเภทพัสดุ : 
					</div>
					<div class="controls">   
                        @Html.DropDownListFor(model => model.ResTypeId, ParcelTypeSelectList, new { id = "ddlParcelType", @class = "chzn-select input-xlarge" })                    
					</div>                              
				</div>

                <div class="control-group">
					<div class="control-label ">
					    ประเภทรายการ : 
					</div>
					<div class="controls">                          
                        @Html.DropDownListFor(model => model.DisposeTypeId, DisposeTypeSelectList, new { id = "ddlDisposeType", @class = "chzn-select input-xlarge" })                    
					</div>                              
				</div>
                
                <div class="control-group">
					<div class="control-label ">
					    วิธีการจำหน่าย : 
					</div>      
                                       
                    <div class="controls">
                        <span class="lbl"><b>สถานที่ต้นทาง</b></span>&nbsp&nbsp&nbsp&nbsp&nbsp
                                @Html.RadioButton("radioF", "FWh", checkFromWh)<span class="lbl"><b>จากคลัง</b></span>
                        <span id="FromWarehouse"><b>: </b>
                            @Html.DropDownListFor(model => model.FromIcmWhId, WarehouseSelectList, new { id = "ddlWarehouse", @class = "chzn-select input-xlarge", data_placeholder = "เลือกคลัง..." })
                        </span>&nbsp&nbsp&nbsp&nbsp&nbsp 
                              
                                @Html.RadioButton("radioF", "FJobsite", checkFromJobsite)<span class="lbl"><b>จากหน่วยงาน</b></span>
                        <span id="FromJobsite"><b>: </b>
                            @Html.DropDownListFor(model => model.FromJobsiteId, JobsiteSelectList, new { id = "ddlJobsite", @class = "chzn-select input-xlarge", data_placeholder = "เลือกหน่วยงาน..." })
                        </span>&nbsp&nbsp&nbsp&nbsp&nbsp  
                            
                                @Html.RadioButton("radioF", "FOtherPlace", checkFromPlace)<span class="lbl"><b>จากสถานที่อื่น</b></span>
                        <span id="FromOtherPlace"><b>: </b>@Html.TextBoxFor(model => model.FromOtherPlace, new { id = "FOtherPlace" })</span>
                    </div>
                        
                        <br />

                        <div class="controls"><span class="lbl"><b>สถานที่ปลายทาง</b></span>&nbsp&nbsp
                            @Html.RadioButton("radioT", "TJobsite", checkToOtherJobsite)<span class="lbl"><b>ไปหน่วยงานอื่น</b>
                                <span id="ToJobsite"><b> : </b>@Html.TextBoxFor(model => model.ToOtherSite, new { id = "TOtherJobsite" })</span>
                            </span>&nbsp&nbsp&nbsp&nbsp&nbsp   
                            @Html.RadioButton("radioT", "TOtherPlace",checkToOtherPlace)<span class="lbl"><b>ไปสถานที่อื่น</b>
                                <span id="ToOtherPlace"><b> : </b>@Html.TextBoxFor(model => model.ToOtherPlace, new { id = "TOtherPlace" })</span>
                            </span>
                        </div>
                           
				</div>

                <div class="control-group">
					<div class="control-label ">
					    หมายเหตุ : 
					</div>
					<div class="controls">                          
                        @Html.TextAreaFor(model => model.Remark)                   
					</div>                              
				</div>


                </div>

            </div>
        </div>
    </div>
</div>
    
    
    
    
    @Html.HiddenFor(model => model.DisposeId)
    @Html.HiddenFor(model => model.CreatedBy)
    @Html.HiddenFor(model => model.CreatedWhen)
    @Html.HiddenFor(model => model.RecordStatus)
}


@section scripts
{
<script type="text/javascript">

    $(".chzn-select").chosen();
    $(".chzn-select-deselect").chosen({ allow_single_deselect: true });

    // ซ่อน control
    $("#FromJobsite").hide();
    $("#FromOtherPlace").hide();
    $("#ToOtherPlace").hide();

    // เช็คสถานที่ต้นทาง ของวิธีการจำหน่ายว่า จากคลัง หรือ จากหน่วยงาน หรือ จากสถานที่อื่น
    $(document).ready(function () {
        var RadioValue = $('input:radio[name="radioF"]:checked').val();

        // จากคลัง
        if (RadioValue === 'FWh') {
            $("#FromWarehouse").show();
            $("#FromJobsite").hide();
            $("#FromOtherPlace").hide();
            $("#ddlJobsite").val("").trigger("liszt:updated");
        }
            // จากหน่วยงาน
        else if (RadioValue == 'FJobsite') {
            $("#FromJobsite").show();
            $("#FromWarehouse").hide();
            $("#ddlWarehouse").val("").trigger("liszt:updated");
            $("#FromOtherPlace").hide();
        }
            // จากสถานที่อื่น
        else if (RadioValue == 'FOtherPlace') {
            $("#FromOtherPlace").show();
            $("#FromWarehouse").hide();
            $("#FromJobsite").hide();
            $("#ddlWarehouse").val("").trigger("liszt:updated");
            $("#ddlJobsite").val("").trigger("liszt:updated");
        }

    });

    // เช็คสถานที่ปลายทาง ของวิธีการจำหน่ายว่า ไปหน่วยงาน หรือ ไปสถานที่อื่น
    $(document).ready(function () {
        var RadioValue = $('input:radio[name="radioT"]:checked').val();
        
        // ไปหน่วยงาน
        if (RadioValue == 'TJobsite') {
            $("#ToJobsite").show();
            $("#ToOtherPlace").hide();
            $("#TOtherPlace").val("");
        }

        // ไปสถานที่อื่น
        else if (RadioValue == 'TOtherPlace') {
            $("#ToOtherPlace").show();
            $("#ToJobsite").hide();
            $("#TOtherJobsite").val("");
        }
    });


    // เช็คสถานที่ต้นทาง ของวิธีการจำหน่ายว่า จากคลัง หรือ จากหน่วยงาน หรือ จากสถานที่อื่น
    $(document).ready(function () {
        $('input:radio[name="radioF"]').click(function () {

            // จากคลัง
            if ($(this).val() === 'FWh') {
                $("#FromWarehouse").show();
                $("#FromJobsite").hide();                
                $("#FromOtherPlace").hide();
                $("#ddlJobsite").val("").trigger("liszt:updated");
            }
            // จากหน่วยงาน
            else if ($(this).val() == 'FJobsite')
            {
                $("#FromJobsite").show();
                $("#FromWarehouse").hide();
                $("#ddlWarehouse").val("").trigger("liszt:updated");
                $("#FromOtherPlace").hide();
            }
            // จากสถานที่อื่น
            else if ($(this).val() == 'FOtherPlace') {
                $("#FromOtherPlace").show();
                $("#FromWarehouse").hide();
                $("#FromJobsite").hide();
                $("#ddlWarehouse").val("").trigger("liszt:updated");
                $("#ddlJobsite").val("").trigger("liszt:updated");
            }

        });
    });

    // set null value สถานที่ปลายทาง ของวิธีการจำหน่ายว่า ถ้าเลือกไปหน่วยงานก็จะ set null ให้กับไปสถานที่อื่น แต่ถ้าเลือกไปสถานที่อื่นก็จะ set null ให้กับไปหน่วยงาน
    $(document).ready(function () {
        $('input:radio[name="radioT"]').click(function () {
            // ไปหน่วยงาน
            if ($(this).val() == 'TJobsite') {
                $("#ToJobsite").show();
                $("#ToOtherPlace").hide();
                $("#TOtherPlace").val("")
            }
            // ไปสถานที่อื่น
            else if ($(this).val() == 'TOtherPlace') {
                $("#ToOtherPlace").show();
                $("#ToJobsite").hide();
                $("#TOtherJobsite").val("")
            }
        });
    });

</script>   
}